#float_view {
    width: 100%;
    height: 100%;
    background: rgba(17, 14, 7, 0.4);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
}
#info_view{
  position: fixed;
  bottom: 0px;
  z-index: 11;
  background: white;
  .msg{
    width: 750rpx;
    line-height: 90rpx;
    display: block;
    text-align: center;
    color: #333;
    font-size: 32rpx;
    border-bottom: 0.5rpx solid #ddd;
  }
  li{

    label{
      display: block;
      margin-left:108rpx;
      color: #333;
      font-size: 32rpx;
      line-height: 32rpx;
    }
    label:nth-of-type(1){
           font-weight:700;
           margin-top: 40rpx;


    }
    label:nth-of-type(2){
          
           margin-top: 14rpx;

    }
    
        
  }
     li:nth-of-type(1){
      image{
      width: 40rpx;
      height: 32rpx;
      position: absolute;
      left:34rpx;
    }
     }
      li:nth-of-type(2){
      image{
      width: 40rpx;
      height: 40rpx;
      position: absolute;
      left:34rpx;
    }
     }
  .make_style{
    display: block;
    border-top:0.5rpx solid #ddd;
    line-height: 100rpx;
    color: #2d81ff;
    margin-top: 40rpx;
    font-size: 32rpx;
    p{
      display: block;
      float: left;
      text-align: center;
    }
    p:nth-of-type(1){
      width: 372rpx;
      border-right: 1rpx solid #ddd;
    }
    p:nth-of-type(2){
      width: 375rpx;
      font-weight:700;
      
    }
  }
}




page {
    background-color: #f5f5f5;
}
.recharge{
    margin-top: 0rpx;
   
    .info{
        background: #fff;
        padding-bottom: 30rpx;
        margin-bottom: 10rpx;
        .balance{
           font-size: 32rpx;
           text-align: center;
           box-sizing: border-box;
           padding: 24rpx 0;
           text{
               color: #ff2f31;
           }
        }
        .header{
            text-align: center;
            margin-bottom: 24rpx;
           
            text{
                font-size: 24rpx;
                color: #dcdcdc;
               box-sizing: border-box;
            }
            text:before, text:after{
               width: 244rpx;
                border-top: 1rpx solid #EAEAEA;
                content: '';
                display: inline-block;
                margin: 8rpx 16rpx;
            }
        }
        .list{
            box-sizing: border-box;
            padding: 24rpx;
            overflow: hidden;
            .item{
                width: 214rpx;
                height: 110rpx;
                border-radius:12rpx;
                box-sizing: border-box;
                background: #f4f4f4;
                padding: 8rpx 0;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                margin-right: 30rpx;
                margin-bottom: 30rpx;
                float: left;
                &:nth-child(3n){
                    margin-right: -1rpx;
                }
                view:first-child{
                    font-size: 28rpx;
                    color: #4b4b4b;
                }
                view:last-child{
                    font-size: 32rpx;
                    color: #ff2f31;
                }
                &.active{
                    background-color: #ffea00;
                    border: 1rpx solid #231815;
                    background-image: url('');
                    background-position: right bottom;
                    background-repeat: no-repeat;
                    background-size:48rpx 48rpx; 
                }
            }
        }
        .rechargeInput{
           padding: 0 24rpx;
           box-sizing: border-box;
           background: #fff;
           height: 88rpx; 
           input{
              height: 88rpx;
              border-radius: 12rpx;
              background: #f4f4f4;
              color: #231815;
              text-indent: 30rpx;
              font-size: 28rpx;
              box-sizing: border-box;
              padding-left: 30rpx;
           }
           .input-placeholder{
               background: #f4f4f4;
               color: #aa9f9c;
               font-size: 28rpx;
           }
        }
    }
    .method{
        background: #fff;
        box-sizing: border-box;
        padding: 0 24rpx;
        view:first-child{
            height: 88rpx;
            font-size: 28rpx;
            color: #4b4646;
            line-height: 88rpx;
            border-bottom: 1rpx solid #EAEAEA;
        }
        view:last-child{
            height: 104rpx;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
         
            view {
                display: flex;
                align-items: center;
                border: 0;
                image{
                    width: 72rpx;
                    height: 72rpx;
                    margin-right: 40rpx;
                }
                text{
                    font-size: 32rpx;
                    color: #231815;
                }
            }
            image{
                width: 36rpx;
                height: 36rpx;
            }
        }
    }
    .rechargeBottom{
        margin: 0 auto;
       position: absolute;
       bottom: 64rpx;
       left: 0;
       right: 0;
       width: 702rpx;
       .text{
           color: #ff2f31;
           font-size: 28rpx;
           margin-bottom: 30rpx;
           text-align: center;
       }
       .rechargeBtn{
        width: 702rpx;
        height: 88rpx;
        background: #ffea00;
        border-radius: 12rpx;
        text-align: center;
        line-height: 88rpx;
        color: #231815;
        font-size: 36rpx;
        margin: 0 auto;
     }
    }
   
}

.top_style {
    color: #ff2f31;
    line-height: 56rpx;
    padding-left: 48rpx;
    font-size: 24rpx;
    background: #fffbd4;
    text-align: center;;
    
}